// 使用 useEffect（可能看到闪烁）
import { useRef, useEffect, useLayoutEffect } from 'react'
import Index from './index'
function Example() {
    const ref = useRef();
    useEffect(() => {
        console.log('useEffect');
    }, [])
    useLayoutEffect(() => {
        setTimeout(() => {
            console.log('异步执行');
        }, 0)
        console.log('useLayoutEffect');
        ref.current.style.marginLeft = '100px'; // 浏览器可能已经绘制过一次
    }, []);

    return <div ref={ref}>内容
    <Index />
    </div>;
}

export default Example